<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MyHtmlShell</title>
<link rel="stylesheet" href="/static/css/xterm.css" />
<link rel="stylesheet" href="/static/css/fullscreen.css" />

<script src="/static/js/es6-promise.auto.min.js"></script>
<script src="/static/js/fetch.min.js"></script>
<script src="/static/js/xterm/xterm.js" ></script>
<script src="/static/js/xterm/addons/attach/attach.js" ></script>
<script src="/static/js/xterm/addons/fit/fit.js" ></script>
<script src="/static/js/xterm/addons/fullscreen/fullscreen.js" ></script>
<script src="/static/js/xterm/addons/search/search.js" ></script>

<style type="text/css">
html, body {
  height: 100%;
}

body {
    font-family: helvetica, sans-serif, arial;
    font-size: 1em;
    color: #111;
}

h1 {
    text-align: center;
}

#terminal-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 2px;
}

#terminal-container .terminal {
    background-color: #111;
    color: #fafafa;
    padding: 2px;
}
</style>
</head>
<body>
<div id="terminal-container" style="width: 100%;height: 100%;"></div>

</body>
<script src="/static/js/myhtmlshell/myhtmlshell.js" ></script>
</html>